<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 vector-feature-night-mode-enabled skin-theme-clientpref-os vector-sticky-header-enabled" lang="fr" dir="ltr"><head>
<meta charset="UTF-8">
<title>Selectors API</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://fr.wikipedia.org/wiki/Selectors_API"> <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Selectors_API rootpage-Selectors_API skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Selectors API</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="fr" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><p><b>Selectors API</b> est une <a href="Interface_de_programmation" title="Interface de programmation">interface de programmation (API)</a> concernant la manipulation des documents modélisés sous forme objet (<a href="Document_Object_Model" title="Document Object Model">DOM</a>).
</p><p>Selectors API est spécifiée par le consortium <a href="W3C" class="mw-redirect" title="W3C">W3C</a>. En <time class="nowrap" datetime="2009-03" data-sort-value="2009-03">mars 2009</time> il s'agissait d'un document de travail dans sa phase de dernier appel (« <i>last call working draft</i> »).
</p><p>Cette API est principalement destinée à être implantée en <a href="JavaScript" title="JavaScript">JavaScript</a> par les <a href="Navigateur_web" title="Navigateur web">navigateurs web</a>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Description">Description</h2></div>
<p>Selectors API définit 2 méthodes permettant d'accéder à des nœuds de l'arbre DOM en les sélectionnant au moyen d'un sélecteur <a href="Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">CSS</a>.
</p>
<ul><li>querySelectorAll(sélecteur) qui renvoie la liste de tous les nœuds correspondant au sélecteur</li>
<li>querySelector(sélecteur) qui renvoie seulement le premier nœud correspondant.</li></ul>
<p>Ces deux méthodes font partie d'une interface NodeSelector.
</p><p>Les classes Document, DocumentFragment et Element doivent implémenter cette interface.
</p>
<div class="mw-heading mw-heading2"><h2 id="Implémentation"><span id="Impl.C3.A9mentation"></span>Implémentation</h2></div>
<p>Cette API est implémentée par le moteur Webkit (navigateurs <a href="Safari_(logiciel)" class="mw-redirect" title="Safari (logiciel)">Safari</a> depuis la version 3.1 et <a href="Google_Chrome" title="Google Chrome">Google Chrome</a> 1.0), par <a href="Internet_Explorer_8" title="Internet Explorer 8">Internet Explorer 8</a> et par <a href="Mozilla_Firefox" title="Mozilla Firefox">Mozilla Firefox</a> 3.1 bêta (future <a href="Mozilla_Firefox" title="Mozilla Firefox">Mozilla Firefox</a> 3.5).
</p>
<ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail de la programmation informatique</span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail d’Internet</span> </span></li> </ul></div><!--htdig_noindex--><div><div class="zim-footer">
Cet article est issu de <a class="external text" title="Dernière modification le 2020-04-21" href="https://fr.wikipedia.org/wiki/?title=Selectors_API&oldid=169859816">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>